日益複雜的前端介面

當今應用系統的前端介面除了要提供較好的使用者經驗 (UX) 之外，也要因應多種不同尺寸的裝置，讓整體前端開發的複雜度日益增加，因而發展出如 Ngx-bootstrap、PrimeNG、Angular Material 與 AG Grid 等各種不同的 UI Library，封裝了常用的 UI 操作元件，來減少開發介面所需要的成本。

這一系列文章

Angular Material 是由 Google 針對自家提出的 Material Design 設計語言所設計的 UI Library，它提供了如彈跳視窗、表單、資料表與頁籤等等常用的 UI 元件，也提供多項在前端常用的功能函式，以及針對頁面中的元件測試解決方案。

這一系列文章會利用 Angular Material 來開發待辦事項應用程式，進而描述 Angular Material 各種元件與開發方式，大致上會分成下面幾個部分：

• Angular Material 基本 UI 元件：此部分會利用建立一待辦事項應用程式，來描述各項不同的 UI 使用情境
• Angular CDK 功能函式：此部分會描述如何只使用 cdk 提供的功能來自訂 UI 元件
• Component Harnesses：此部分會描述如何使用 Angular Material 所提出的 Component Harnesses 來撰寫介面的單元測試程式
• 各種自定義技巧：此部分會描述在使用 Angular Material 時要如何自定義元件樣式，來增加開發上的彈性